﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../../../Scripts/easyUI145/themes/default/easyui.css" rel="stylesheet" type="text/css" />

    <script src="../../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>
    <script src="DDLBar.js" type="text/javascript"></script>
    <script src="../../CCFlowEnum.js" type="text/javascript"></script>
    <script src="../../../Scripts/EasyUIUtility.js" type="text/javascript"></script>
    <script src="../../../Scripts/vue.js" type="text/javascript"></script>
    <script src="../Admin.js"></script>
</head>
<body>
    <div id="App">
        <div id="bar"> </div>
        <form>
            <fieldset>
                <legend>设置</legend>
                <ul>

                    <li>
                        <label> <input type="checkbox" id="CB_IsAutoLoadEmps" name="CB_IsAutoLoadEmps" v-model="isAutoLoadEmps" /> 是否自动加载上一次选择的人员？</label>
                    </li>
                    <li>
                        <label> <input type="checkbox" id="CB_IsSimpleSelector" name="CB_IsSimpleSelector" v-model="isSimpleSelector" @click="IsChange(this)" /> 是否单项选择(只能选择一个人)？</label>
                    </li>

                    <li>
                        <label> <input type="checkbox" id="CB_IsEnableDeptRange" name="CB_IsEnableDeptRange" v-model="isEnableDeptRange" /> 是否启用部门搜索范围限定(对使用通用人员选择器有效)？</label>
                    </li>

                    <li>
                        <label> <input type="checkbox" id="CB_IsEnableStaRange" name="CB_IsEnableStaRange" v-model="isEnableStaRange" />是否启用岗位搜索范围限定(对使用通用人员选择器有效)？</label>
                    </li>

                    <li>
                        <a href="javascript:void(0)" @click="OpenDialog2019()">设置处理人可以选择的范围 </a>
                    </li>
                </ul>
            </fieldset>

            <fieldset>
                <legend id="help">说明</legend>
                <ul>
                    <li>特别说名:<font color=red> 如果当前节点为开始节点，所有的人员都可以发起。</font></li>
                    <li>A节点发送到B节点，如果B节点的接受人规则是由A来选择的,这样的行为类似于发送邮件模式，就是我选择谁就发送给谁.</li>
                    <li>这种模式是有上一个节点的发送人主管判断的，而非自动计算。</li>
                    <li>人员选择有两种：海选与固定范围的多选.</li>
                    <li>海选:就是可以选择任何人,如下图，可以在文本框里搜索.</li>
                    <li>固定范围的选择:就是需要设置选择人的范围，比如：按照SQL,部门，人员设定仅仅选择副局长，副部长.</li>
                </ul>
                <h5>通用的人员选择器</h5>
                <img src="4.BySelected.png" style="width:50%" class="HelpImg" />
                <h5>固定范围人员选择器</h5>
                <img src="4.BySelected-1.png" style="width:50%" class="HelpImg" />
            </fieldset>
        </form>
    </div>
    <script type="text/javascript">
        var Baseinfo = new Vue({
            el: '#App',
            data: {
                deliverWay: DeliveryWay.BySelected,
                nodeId: GetQueryString("FK_Node"),
                isAutoLoadEmps: false,
                isSimpleSelector: false,
                isEnableDeptRange: false,
                isEnableStaRange: false,
                nodeExt: null
            },
            methods: {
                OpenDialog2019: function () {
                    var url = "../Selector/Default.htm";
                    var nodeID = GetQueryString("FK_Node");
                    url += '?NodeID=' + nodeID+ "&FK_Flow=" + GetQueryString("FK_Flow");
                    
                    window.location.href = url;
                },
                IsChange: function () {
                    if ($("#CB_IsSimpleSelector").attr("checked") != "checked") {
                        if (nodeExt.HuiQianRole == 4 && nodeExt.HuiQianLeaderRole == 0) {
                            this.isSimpleSelector = true;
                            alert("该节点会签模式为组长模式，只能单项选择");
                        }
                    }
                },
            },
            created() {
                InitBar(this.deliverWay);
                var node = new Entity("BP.WF.Template.Selector", this.nodeId);
                if (node.IsAutoLoadEmps == 1)
                    this.isAutoLoadEmps = true;
                if (node.IsSimpleSelector == 1)
                    this.isSimpleSelector = true;
                if (node.IsEnableDeptRange == 1)
                    this.isEnableDeptRange = true;
                if (node.IsEnableStaRange == 1)
                    this.isEnableStaRange = true;
                this.nodeExt = new Entity("BP.WF.Template.NodeExt", this.nodeId);
                if (this.nodeExt.HuiQianRole == 4 && this.nodeExt.HuiQianLeaderRole == 0) //组长模式
                    this.isSimpleSelector = false;
            }
        });
        function Save() {
            var node = new Entity("BP.WF.Node", Baseinfo.nodeId);
            node.DeliveryWay = Baseinfo.deliverWay;

            node.Update();
            var node = new Entity("BP.WF.Template.Selector", Baseinfo.nodeId);
            node.CopyForm();  //按照规则把数据放入到entity.
            node.Update();
        }
    </script>
</body>
</html>
